<template>
  <div class="nano_dialog">
    <el-dialog
      :title="dialog_config.title || '默认'"
      :visible.sync="dialog_config.open"
      :width="dialog_config.width"
    >
      <slot></slot>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    dialog_config: {
      type: Object,
      default: () => {},
      required: true,
    },
  }
};
</script>

<style lang="less" scoped>
.nano_dialog {
  /deep/.el-dialog {
    background: #ffffff;
    border-radius: 12px;
  }
  /deep/.el-dialog__header {
    display: flex;
  }
}
</style>